<!DOCTYPE html>
<html>
  <head>
    <title>Cathode Retro Docs</title>
    <link href="../docs.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" charset="UTF-8">
    <script src="../main-scripts.js"></script>
  </head>
  <body onload="OnLoad()" class="page">
    <header class="header"><button id="sidebar-button"></button></header>
    <div id="sidebar-container" class="sidebar-container"><iframe class="sidebar-frame" src="../sidebar.html?page=how"></iframe></div>
    <div id="content-outer" class="content-outer">
      <main>
        <h1>How It Works</h1>
        <p>
          If you're interested in how this whole contraption works, look no further! (If you're looking for info on how to use it, you
          may instead want to see the page on <a href="../start-cpp/index.html">how to use the C++ helper class</a> or
          <a href="../start-shaders/index.html">how to use the shaders directly</a>.
        </p>
        <p>
          The following pages will walk through the basics of 
          <a href="ntsc/index.html">how NTSC worked</a>, how we <a href="generating-signal.html">approximate an NTSC signal</a>, how we 
          <a href="decoding-signal.html">decode that imitation signal</a>, an aside about how to reduce some
          <a href="temporal-aliasing.html">aliasing in emulated signal</a>, then finally how it all gets put together into a
          <a href="faking-crt.html">facsimile of a CRT screen</a>.
        </p>
        <h2>Index</h2>
        <menu class="index not-code">
          <li><a href="ntsc/index.html">Understanding NTSC</a></li>
          <li><a href="generating-signal.html">Generating a Fake NTSC Signal</a></li>
          <li><a href="decoding-signal.html">Decoding a Fake NTSC Signal</a></li>
          <li><a href="temporal-aliasing.html">Reducing Emulated Temporal Aliasing</a></li>
          <li><a href="faking-crt.html">Faking a CRT Display</a></li>
        </menu>
      </main>
    </div>
  </body>
</html>